<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>旅游保险</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="resource/css/vj-weui.css"/>
    <link rel="stylesheet" href="resource/css/style.css"/>
    <link rel="stylesheet" href="resource/font/iconfont.css"/>
</head>
<body>

<div class="weui-panel weui-panel_access">
    <div class="weui-cells" style="margin-top: 0;font-size: 14px;">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>选择日期</p>
            </div>
            <div class="weui-cell__ft">

            </div>
        </div>
        <div class="weui-cell weui-cell_access">
            <div class="weui-cell__hd"><label for="date" class="weui-label">出发日期</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" placeholder="请选择出发日期" id="date" type="text">
            </div>
            <div class="weui-cell__ft">
            </div>
        </div>
        <div class="weui-cell weui-cell_access">
            <div class="weui-cell__hd"><label for="date" class="weui-label">返回日期</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" placeholder="请选返回日期" id="date2" type="text">
            </div>
            <div class="weui-cell__ft">
            </div>
        </div>
    </div>
</div>

<div class="weui-panel weui-panel_access">
    <div class="weui-cells" style="margin-top: 0;font-size: 14px;">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <p>选择被保人</p>
            </div>
            <div class="weui-cell__ft">

            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">成年人</label></div>
            <div class="weui-cell__bd">
            </div>
            <div class="weui-cell__ft">
                <div class="weui-count">
                    <a class="weui-count__btn weui-count__decrease"></a>
                    <input class="weui-count__number" type="number" value="1"/>
                    <a class="weui-count__btn weui-count__increase"></a>
                </div>
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">未成年人</label></div>
            <div class="weui-cell__bd">
            </div>
            <div class="weui-cell__ft">
                <div class="weui-count">
                    <a class="weui-count__btn weui-count__decrease"></a>
                    <input class="weui-count__number" type="number" value="1"/>
                    <a class="weui-count__btn weui-count__increase"></a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class='insurance_btn_row'>
    <a href="insurance_list.html" class="weui-btn weui-btn_primary">立即选保险</a>
</div>

<div class="weui-tabbar">
    <a href="index.html" class="weui-tabbar__item">
        <div class="weui-tabbar__icon">
            <i class="iconfont icon-zhixing"></i>
        </div>
        <p class="weui-tabbar__label">知行</p>
    </a>
    <a href="line_index.html" class="weui-tabbar__item">
        <div class="weui-tabbar__icon">
            <i class="iconfont icon-xianlu"></i>
        </div>
        <p class="weui-tabbar__label">线路</p>
    </a>
    <a href="javascript:;" class="weui-tabbar__item weui-bar__item--on">
        <div class="weui-tabbar__icon">
            <i class="iconfont icon-baoxianxiaoshou1"></i>
        </div>
        <p class="weui-tabbar__label">保险</p>
    </a>
    <a href="me.html" class="weui-tabbar__item">
        <div class="weui-tabbar__icon">
            <i class="iconfont icon-account"></i>
        </div>
        <p class="weui-tabbar__label">我</p>
    </a>
</div>
</body>
</html>

<script src="resource/js/zepto.js"></script>
<script src="resource/js/fastclick.js"></script>
<script src="resource/js/vj-weui.js"></script>
<script>

    var MAX = 99, MIN = 0;
    $('.weui-count__decrease').click(function (e) {
        var $input = $(e.currentTarget).parent().find('.weui-count__number');
        var number = parseInt($input.val() || "0") - 1
        if (number < MIN) number = MIN;
        $input.val(number)
    });
    $('.weui-count__increase').click(function (e) {
        var $input = $(e.currentTarget).parent().find('.weui-count__number');
        var number = parseInt($input.val() || "0") + 1
        if (number > MAX) number = MAX;
        $input.val(number)
    });
    $("#date").calendar({
        value: ['2016-12-12'],
        dateFormat: 'yyyy/mm/dd'  // 自定义格式的时候，不能通过 input 的value属性赋值 '2016年12月12日' 来定义初始值，这样会导致无法解析初始值而报错。只能通过js中设置 value 的形式来赋值，并且需要按标准形式赋值（yyyy-mm-dd 或者时间戳)
    });
    $("#date2").calendar({
        value: ['2016-12-12'],
        dateFormat: 'yyyy/mm/dd'  // 自定义格式的时候，不能通过 input 的value属性赋值 '2016年12月12日' 来定义初始值，这样会导致无法解析初始值而报错。只能通过js中设置 value 的形式来赋值，并且需要按标准形式赋值（yyyy-mm-dd 或者时间戳)
    });
</script>
<script src="resource/js/swiper.js"></script>